@charset "utf-8";
html,body{ font-family: "Helvetica Neue", Helvetica, Arial,"Microsoft YaHei","微软雅黑";width: 100%;height: 100%;}
.h10{width: 100%;height: 10px;clear: both;}
.section{ width: 100%; height: auto; float: left; padding: 10px 0px;}
.section h1{color: #72c02c;font-weight: bold;text-transform: uppercase;margin-top: 0px;}
a{text-decoration:none;color:#333;}
a:hover{color:#72c02c;text-decoration:none;}
.nopadding{padding: 0px;}
.btn-primary{background-color:transparent;border-color: #009bf0;color: #009bf0;text-transform: uppercase;}
.btn-primary:hover{background-color: #009bf0;border-color: #009bf0;color: #fff;}
p{font-weight: normal !important;}

.banner{padding: 0px;}
.banner,.banner .carousel,.banner .carousel .carousel-inner,.banner .carousel .item,.banner .carousel .item a{width: 100%;height: 100%;}
.adva{padding: 50px 0px;display: none;}
.pro,.about,.solu,.par{padding: 70px 0px;}
.pro .col-sm-4 p{height: 80px;overflow: hidden;line-height: 20px;}
.about{background:url(../images/aboutbg.jpg); margin-bottom: 0px;color: #fff;background-repeat: no-repeat;background-position: bottom center;background-size: cover;}
.about h1{color: #fff;}
.about p{font-size: 14px;}
.about small{color: #fff;}
.about .btn-primary{color: #fff;border-color: #fff;}
.solui .solbox{padding-top: 60px;}
.solu .carousel-control{background-image: none;color: #72c02c;width: 5%;}
.solu .carousel-control.left{left: -5%;}
.solu .carousel-control.right{right: -5%;}
.solu .carousel-control span{font-size: 20px;}
.solu .thumbnail{padding: 0px;background-color: #f5f5f5;border-radius: 0px;border: none;}
.solu .thumbnail h3{padding: 0px 10px;}
.solu .thumbnail p{padding: 0px 10px 20px 10px;}
.comments{padding-bottom: 0px;margin-bottom: 0px;}
.comments h2{margin: 30px 0px;font-size: 33px;margin-top: 0px;}
.comments p{font-size: 16px;line-height: 1.5em;text-align: center;}
.comments h4{font-size: 28px;}
.comments .fa-star{color: orange;font-size: 24px;}
.comments .carousel-indicators{bottom: 0px;margin-bottom: 0px;}
.comments .carousel-indicators li{background-color: #aaa;}
.comments .carousel-indicators li.active{background-color: #666;}
.comments .carousel-control{background-image: none;color: #72c02c;width: 5%;}
.comments .carousel-control.left{left: -5%;}
.comments .carousel-control.right{right: -5%;}
.comments .carousel-control span{font-size: 20px;}
.navban{width: 100%;height: auto;position: absolute;bottom:0px;left: 0px;}
.navban .pos,.navban .pos a{font-size: 22px;color: #fff;line-height: 2.2em;}
.navban .nav-tabs>li>a{font-size: 22px;background-color: rgba(226,232,241,0.8);border-radius: 0px;border-color: #fff;white-space: nowrap;}
.navban .nav-tabs>.active>a, .navban .nav-tabs>.active>a:focus, .navban .nav-tabs>.active>a:hover,.navban .nav-tabs>li>a:hover{background-color: rgba(9,151,221,0.8);color: #fff;}
.page p{font-size: 20px;font-weight: lighter;}
.innernew .page h3{margin-top: 0px;}
.innernew .page .date{font-size: 16px;color: #999;line-height: 1.8em;text-align: right;}
.res .thumbnail,.innerpro .thumbnail{border-color: transparent;}
.res .thumbnail h4{font-size: 16px;line-height: 20px;height: 40px;overflow: hidden;}
.innerpro .thumbnail h3{white-space: nowrap;overflow: hidden;}
.innerpro .thumbnail p{font-size: 13px;line-height: 18px; font-weight: normal;height: 90px;overflow: hidden;}
.insthumb ul{margin: 0px;padding: 0px;list-style: none;}
.insthumb ul li{display: inline-block;cursor: pointer; margin: 2px;}
.insthumb ul li.active .img-thumbnail{/*background-color: #f08212;*/}
.insthumb ul li img{width: 100px;height: 80px; padding: 1px;}
#levmes{margin: 10% auto;}
#levmes .modal-content{background-color: rgba(255,255,255,0.9);}
.probox .nav-tabs.nav-justified>li>a{;font-size: 18px;font-weight: 900;color:#72c02c;transition: all 0.5s;border:#009bf0 1px solid;}
.probox .nav-tabs>li>a:hover{color: #333;}
.probox .nav-tabs.nav-justified>.active>a, .nav-tabs.nav-justified>.active>a:focus, .nav-tabs.nav-justified>.active>a:hover{background-color: #72c02c;border-radius: 0px;color: #fff;}
.probox .tab-pane{padding: 30px 0px;}
.probox #features h3{font-family: "Raleway", "Helvetica Neue", Helvetica, Arial, sans-serif;font-weight: 900;text-transform: uppercase;}
.probox #features .about-content p{font-size: 16px;line-height: 1.2;}
.probox #faqs h4{margin: 0px;}
.probox #faqs h4 a{display: block;font-size: 18px;padding: 5px 0px;font-weight: bold;}
.probox #faqs .panel-body{font-size: 16px;}

.foot{color: #fff;background: url(../images/footbg.jpg) no-repeat;background-position: bottom center;background-size: cover;padding: 0px;}
.footer{width: 100%;height: 100%;padding:70px 0px;}
.foot h3{font-size: 14px;text-transform: uppercase;}
.foot hr{width: 60%;float: left;margin: 5px 0px;border-color: #1392f9;}
.foot .social,.foot .social li{list-style: none;padding: 0px;margin: 0px;display: inline-block;}
.foot a{color: #eee;}
.foot a:hover{color: #999;}
.foot .hvr-icon-back{padding-left: 1.2em;}
.foot .hvr-icon-back:before{left: 0px;}
.copy{background-color: #05243e;color: #fff;padding: 20px 0px;}
.gotop{display: inline-block;width: 40px;height: 40px;border-radius: 50%; position: fixed;right: 20px;bottom: 100px;font-size: 20px;font-weight: lighter;border: #414a55 3px solid;text-align: center;color: #414a55;}
#btnshiro{white-space: normal !important;}
.shiro{display: none;}
.dial-div{display:none;position:fixed;bottom:0;left:0;z-index:99999;-webkit-tap-highlight-color:rgba(0,0,0,0)}
.dial-menu{-webkit-appearance:button;display:inline-block;width:36px !important;height:36px !important;border-radius:36px;position:absolute;bottom:17px;left:17px;z-index:999;-moz-box-shadow:0 0 0 4px #fff,0 2px 5px 4px rgba(0,0,0,0.25);-webkit-box-shadow:0 0 0 4px #fff,0 2px 5px 4px rgba(0,0,0,0.25);box-shadow:0 0 0 4px #fff,0 2px 5px 4px rgba(0,0,0,0.25);background-color:#337ab7;-webkit-transition:-webkit-transform 200ms;-webkit-transform:rotate(1deg);color:#fff;background-image:url("../images/dialmenu.png");background-repeat:no-repeat;-webkit-background-size:80% auto;background-size:80% auto;background-position:center center;outline: none;}
.dial-menu:before{font-size:20px;margin:9px 0 0 9px}
.dial-menu:checked{-webkit-transform:rotate(135deg)}
.dial-phone>div{width:32px;height:32px;border-radius:32px;-moz-box-shadow:0 0 0 3px #fff,0 2px 5px 3px rgba(0,0,0,0.25);-webkit-box-shadow:0 0 0 3px #fff,0 2px 5px 3px rgba(0,0,0,0.25);box-shadow:0 0 0 3px #fff,0 2px 5px 3px rgba(0,0,0,0.25);background:#337ab7;position:absolute;bottom:0;left:0;margin-bottom:20px;margin-left:20px;z-index:900;-webkit-transition:-webkit-transform 200ms}
.dial-phone>div a{color:#fff;font-size:20px;display:block;height:100%;line-height:33px;text-align:center;text-decoration:none}
.dial-phone>div.on:nth-of-type(1){-webkit-transform:translate(0,-100px) rotate(720deg)}
.dial-phone>div.on:nth-of-type(2){-webkit-transform:translate(47px,-81px) rotate(720deg)}
.dial-phone>div.on:nth-of-type(3){-webkit-transform:translate(81px,-45px) rotate(720deg)}
.dial-phone>div.on:nth-of-type(4){-webkit-transform:translate(100px,0) rotate(720deg)}
@media (min-width: 768px){
	.section h1{font-size: 36px;}
	.top{position: fixed;z-index: 999;background-color: transparent;padding:0px;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}	
	.banner .carousel-indicators li{width: 20px;height: 20px; margin-right: 10px;}
	.banner .carousel-caption{bottom: 40%;font-weight: bold;}
	.banner .carousel-caption h2{font-size: 48px;}
	.banner .carousel-caption h3{font-size: 36px;}
	.banner .carousel-caption h4{font-size: 28px;}
	.top .navbar-brand{height: auto;padding: 15px 0px;}
	.top .navbar-nav{float: right;}
	.top .nav li a.na{float: right;text-transform: uppercase;}
	.top .nav li a.na{color: #fff;background-color: transparent;font-size: 16px;padding: 30px 15px;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
	.top .nav li a:hover.na,.top .nav li.open a.na,.top .nav li a:hover.txt{color: #fff;background-color: #72c02c;}	
	.top .nav li .dropdown-menu li a{padding: 8px 20px;color: #72c02c;font-size: 16px;border-bottom: #ddd 1px solid;}
	.top .nav li .dropdown-menu li a:hover{background-color: #72c02c;color: #fff;}
	.top .nav li .dropdown-menu li:last-child a{border-bottom: none;}
	.top .nav li.navli5 .dropdown-menu,.top .nav li.navli5 .caret{display: none;}
	.top .nav li a.sl{padding: 25px 5px;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
	.top .nav li a.sl span{color: #fff;width: 30px;height: 30px;text-align: center;line-height:30px;display: inline-block;font-size: 20px;}
	.top .nav li a:hover.sl{background-color: #72c02c;}
	.top .nav li a:hover.sl span{color: #fff;}
	.top .nav li a.txt{color: #fff;background-color: transparent;}
	.top .logoone{display: block;}
	.top .logotwo{display: none;}
	.toptwo{background-color: rgba(255,255,255,0.9);box-shadow: #ccc 1px 1px 2px;height: 60px;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
	.toptwo .navbar-brand{padding: 5px 0px;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
	.toptwo .nav li a.na{color: #72c02c;padding: 20px 15px;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
	.toptwo .nav li a.sl{padding: 15px 5px;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
	.toptwo .nav li a.sl span{color: #72c02c;border-color: #72c02c;}
	.toptwo .nav li a:hover.sl{background-color: #72c02c;}
	.toptwo .nav li a:hover.sl span{color: #fff;}
	.toptwo .logoone{display: none;}
	.toptwo .logotwo{display: block;}
	.sols{position: relative;}
	.sols .thumbnail{position: absolute;width: 65%;height: 80%;top: 10%;left: 5%;padding: 0px 20px;background-color: rgba(255,255,255,0.9);}
	.sols .thumbnail h3{font-size: 48px;}
	.sols .thumbnail p{font-size: 14px;font-weight: normal;}
	.solui .solbox:nth-child(odd) .thumbnail{left: auto;right: 5%;}
	#mynav .affix{z-index: 99;top: 80px;box-shadow: #333 1px 2px 5px;position: relative;}
	.par .col-sm-3{margin: 30px 0px;}
	.probox #features .about-content{padding: 20px;}
	.proindex .container{margin-bottom: 90px;}
	.innernew .page p{font-size: 16px;}
}

@media (max-width: 768px){
	.section h1{font-size: 36px;}
	.dial-div{display: block;}
	.top{background-color: rgba(0,0,0,0.7);position: fixed;z-index: 999;padding: 0px;top: 0px;}
	.top .navbar-toggle{color: #fff;}	
	.top .navbar-nav>li{border-bottom: #555 1px solid;}
	.top .navbar-nav>li>a{color: #fff;font-size: 24px;}
	.top .nav li a:hover.na,.top .nav li.open a.na,.top .nav li a:hover.txt{color: #fff;background-color: #72c02c;}	
	.top .nav li .dropdown-menu li a{color: #fff;}
	.top .soli{display: inline-block;}
	.top .navbar-toggle{float: left;}
	.top .navbar-header{text-align: center;}
	.top .navbar-brand{float:none;margin: 0px auto;display: inline-block;padding: 7px 15px;}
	.top .topmail{position: relative;float: right;padding: 9px 10px;    margin-top: 8px; margin-right: 10px; margin-bottom: 8px;color: #fff;}
	.navbar-brand>img.logotwo{display: none;}
	.banner{height: 300px;margin-top: 65px;}
	.banner .carousel-caption{top: 15%;}
	.banner .carousel-caption h2{font-size: 30px;}
	.banner .carousel-caption h3{font-size: 24px;}
	.banner .carousel-caption h4{font-size: 18px;}
	.banner .carousel-indicators li{width: 20px;height: 20px;margin-right: 3px;}
	.solu .carousel-control{display: none;}
	.comments .carousel-control.left{left: 0px;}
	.comments .carousel-control.right{right: 0px;}
	.affix{position: relative;}
	.navban .pos a{font-size: 16px;}
	.about .col-sm-3{padding-bottom: 30px;}
	.about .col-sm-3 h3{margin-top: 5px;}
	.probox #features .about-content{padding: 0px 0px 50px 0px;}
	.sols{position: relative;height: 550px;}
	.sols img{height: 100%;object-fit: cover; }
	.sols .thumbnail{position: absolute;width: 90%;height: 90%;top: 5%;left: 5%;padding: 0px 20px;background-color: rgba(255,255,255,0.9);}
	.sols .thumbnail h3{font-size: 20px;}
	.sols .thumbnail p{font-size: 14px;font-weight: normal;}
	.table-responsive{border: transparent;}
	.proindex .container{margin-bottom: 50px;}
}